<script>
import fly from '@/utils/fly'
import { getOpenid } from '@/utils/login'

export default {
  async created () {
    // await clearOpenid()
    const openid = await getOpenid()
    // 上报位置，首次访问上报一次，每隔5分钟上报一次
    let postLocation = function () {
      wx.getLocation({
        success: function (res) {
          fly.post(`InfoReport/location?wx_openid=${openid}&longitude=${res.longitude}&latitude=${res.latitude}`)
        }
      })
    }
    postLocation()
    setInterval(function () {
      postLocation()
    }, 180000)
  },
  onHide () {
    try {
      wx.removeStorageSync('mapX')
      wx.removeStorageSync('mapY')
      wx.removeStorageSync('mapScale')
      console.log(' app on hide ')
    } catch (error) {

    }
  },
  onShow () {
    // wx.setStorageSync('mapScale', 1)
  }
}
</script>

<style lang="scss">
@charset "UTF-8";

@font-face {
  font-family: 'zslx_iconfont';
  // src:  url('https://ssl.zhanglei.xyz/Uploads/map/fonts/zslx_iconfont.ttf') format('truetype');
  src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
        url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}


.iconfont {
  display: inline-block;
  font-family: 'zslx_iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  color: inherit;
}
.icon-zsstop:before {
  content: "\e904";
}
.icon-zsadd:before {
  content: "\e900";
}
.icon-zsselected:before {
  content: "\e901";
}
.icon-zsunselected:before {
  content: "\e902";
}
.icon-zswarning:before {
  content: "\e903";
}
.icon-zsaddone:before {
  content: "\e905";
}
.icon-zsback:before {
  content: "\e906";
}
.icon-zsclose:before {
  content: "\e907";
}
.icon-zsexit:before {
  content: "\e908";
}
.icon-zsexplain:before {
  content: "\e909";
}
.icon-zsinto:before {
  content: "\e90a";
}
.icon-zsmore:before {
  content: "\e90b";
}
.icon-zsparking:before {
  content: "\e90c";
}
.icon-zspause:before {
  content: "\e90d";
}
.icon-zspickup:before {
  content: "\e90e";
}
.icon-zsplay:before {
  content: "\e90f";
}
.icon-zspoint:before {
  content: "\e910";
}
.icon-zsrefresh:before {
  content: "\e911";
}
.icon-zsscenery:before {
  content: "\e912";
}
.icon-zssearch:before {
  content: "\e913";
}
.icon-zsservice:before {
  content: "\e914";
}
.icon-zssignon:before {
  content: "\e915";
}
.icon-zssound:before {
  content: "\e916";
}
.icon-zssuccess:before {
  content: "\e917";
}
.icon-zsticket:before {
  content: "\e918";
}
.icon-zsunfold:before {
  content: "\e919";
}
.icon-zswc:before {
  content: "\e91a";
}
.icon-zsclock:before {
  content: "\e91b";
}
.icon-zsdelete:before {
  content: "\e91c";
}
.icon-zssad:before {
  content: "\e91d";
}
view,
button{
  color: #252729;
  box-sizing: border-box;
}
.pic{
  background-color: #dcdee0;
}
button{
  border: none;
  border-radius: 0;
  box-shadow: 0 none;
  background: none;
  padding: 0;
}

.btn_em{
  display: inline-block;
  line-height: 30px;
  text-align: center;
  padding: 0 17px;
  border-radius: 15px;
  font-size: 13px;
}
.btn_large{
  display: inline-block;
  line-height: 37px;
  text-align: center;
  padding: 0 20px;
  border-radius: 37px;
  font-size: 14px;
}
.btn_large.green,
.btn_em.green{
  background-color: #50B668;
  color: #fff;
}
.btn_large.orange,
.btn_em.orange{
  background-color: #FFA433;
  color: #fff;
}
.btn_large.blue,
.btn_em.blue{
  background-color: #5093EB;
  color: #fff;
}

.wrap{
  width: 100%;
  min-height: 100vh;
}



.mod_box {
  display: block;
  margin-bottom: 5px;
  background: #fff;
  padding-bottom: 1px;
}
.mod_box .mod_hd {
  position: relative;
  padding: 9px 15px;
}
.mod_box .mod_hd .title {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 17px;

  &:before{
    content: '';
    position: absolute;
    left: -15px;
    top: 3px;
    width: 5px;
    height: 17px;
    background-color: #5093EB;
    border-radius:0px 2px 2px 0px;
  }
}
.mod_box .mod_hd .subtitle {
  display: inline-block;
  margin-left: 6px;
  font-size: 13px;
  color: #6e747a;
}
.mod_box .mod_hd .mod_action {
  position: absolute;
  right: 15px;
  top: 7px;

  display: flex;
  flex-direction: row;
  align-items: center;
}
.mod_box .mod_bd {
  margin: 0 15px;
}

.none{
  display: none !important;
}

// 登陆浮层
.pop_modal{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  background-color: rgba( #000000, 0.5);


  .pop_modal_inner{
    display: block;
    width: 300px;
    padding: 20px;
    background-color: #fff;
    border-radius: 7px;

    .modal_title{
      line-height: 26px;
      font-size: 17px;
      color: #252729;
      text-align: center;
    }

    .modal_desc{
      margin-top: 6px;
      line-height: 20px;
      min-height: 20px;
      font-size: 14px;
      color: #252729;
      text-align: center;
    }

    .modal_btns{
      margin-top: 15px;
      text-align: center;

      .btn_normal,
      .btn_em{
        display: inline-block;
        width: 105px;
        line-height: 36px;
        font-size: 14px;
        color: #252729;
        background-color: #F2F4F5;
        vertical-align: top;
        border-radius: 18px;
      }
      .btn_em{
        margin-left: 15px;
        background-color: #5093EB;
        color: #fff;
      }
    }
  }
}

.hidden{
  visibility: hidden;
}

/* this rule will be remove */
* {
  transition: width 2s;
  -moz-transition: width 2s;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
}
</style>
